<%@page import="java.util.ArrayList"%>
<%@page import="Data.Member"%>
<script  language="javascript" type="text/javascript">
    function CheckPass1() {
        var pass = document.getElementById("txtPassnew").value;
        var repass = document.getElementById("txtRePassnew").value;
        if (pass !== repass)
        {
            alert("Confirm password must match password!");
            document.getElementById("txtRePassnew").value = '';

        }
    }

</script>
<section id="content" class="gray-area">
    <div class="container car-detail-page">
        <div class="row">
            <div id="main" class="col-md-9">
                <div class="tab-container">
                    <ul class="tabs">
                        <li class="active">
                            <a  data-toggle="tab">Change Password</a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div style="min-height: 500px; " class="tab-pane fade in active" id="car-details">
                            <form action="../ChangePass" method="post" name="frmLogin">
                                <table border='0' style="font-size: 16px; margin: 0 50px 0 50px;" >
                                    <%
                                        out.print("<input type='hidden' name='txtMemIDcl' id='txtMemIDcl' value='" + request.getParameter("MemID") + "' />");
                                    %>
                                    <tr>
                                        <td colspan="2" height="40" width='20%'> &nbsp;
                                            &nbsp;</td>
                                    </tr>

                                    <tr>
                                        <td height="40" width='20%'>Password Old: &nbsp;&nbsp;</td>
                                        <td><input type="password" style="width: 200px; height: 30px; background: #f5f5f5; border: #ccc 1px solid;" required id="txtPassOld" name="txtPassOld" /></td>
                                    </tr>
                                    <tr>
                                        <td height="40" width='20%'>Password New: &nbsp;&nbsp;</td>
                                        <td><input type="password" style="width: 200px; height: 30px; background: #f5f5f5; border: #ccc 1px solid;" required id="txtPassnew" name="txtPassnew" /></td>
                                    </tr>
                                    <tr>
                                        <td height="40" width='20%'>Confirm Password: &nbsp;&nbsp;</td>
                                        <td><input onchange="CheckPass1();" type="password" style="width: 200px; height: 30px; background: #f5f5f5; border: #ccc 1px solid;" required id="txtRePassnew" name="txtRePassnew" /></td>
                                    </tr>


                                    <tr>
                                        <td height="40" width='20%'>&nbsp;</td>
                                        <td>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td height="40" width='20%'>&nbsp;</td>
                                        <td><input type='submit'  style='background:  #00A8FF; border: none; width: 120px; height: 40px; color: #fff;' value='Update' name='btnUpdate'/></td>
                                    </tr>

                                </table>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <jsp:include page="menu-right.jsp" />
        </div>
    </div>
</section>